<template>
  <div class="flow-wrap">

    <div class="content">
      <flow-head />
      <flow-base />
    </div>
  
    <properties-tab class="tab" />

  </div>
</template>

<script>
import FlowHead from './components/flow-head'
import FlowBase from './components/flow-base'
import PropertiesTab from './components/properties-tab'
export default {
  components:{
    FlowHead,
    FlowBase,
    PropertiesTab
  }
}
</script>

<style lang='scss' scoped>
.flow-wrap{
  height: calc(100vh - 110px);
  display: flex;
  .content{
    flex: 1;
  }
  .content{
    height: 100%;
    border-right: 1px solid #eee;
    box-sizing: border-box;
  }
  .tab{
    width: 300px;
    height: 100%;
  }

}
</style>